export const mixin = {
	data() {
		return {
			option: {
				tooltip: {
					triggerOn: 'click',
					appendToBody: true,
					borderWidth: 1,
					// showContent: true,
					// alwaysShowContent: true,
					backgroundColor: 'rgba(255, 255, 255, 0.7)',
					borderColor: "#2ab8ff",
					textStyle: {
						color: 'rgb(12,12,12)',
					},
					padding: [10, 20],
					formatter: params => {
						return `摄像头：${params.data.value[0]}个\n烟   感：${params.data.value[1]}个\n气   感：${params.data.value[3]}个\n对讲机：${params.data.value[3]}个`
					}
				},
				geo: {
					map: "jilin",
					aspectScale: 0.75,
					zoom: 1.25,
					roam: false,
					itemStyle: {
						normal: {
							areaColor: "#2670BC",
							shadowColor: "#B5E0FF",
							shadowOffsetX: 6,
							shadowOffsetY: 6,
						}
					}
				},
				series: [{
						type: "map",
						roam: false,
						selectedMode: false,
						label: {
							normal: {
								show: true,
								textStyle: {
									color: '#fff'
								}
							},
							emphasis: {
								textStyle: {
									color: '#fff'
								}
							}
						},
						itemStyle: {
							normal: {
								borderColor: '#2ab8ff',
								borderWidth: 1.5,
								areaColor: '#2670BC'
							},
							emphasis: {
								areaColor: '#2AB8FF',
								borderWidth: 0,
								color: 'green'
							}
						},
						zoom: 1.25,
						aspectScale: 0.75,
						map: "jilin",
						zLevel: 2,
						data: [{
								name: "白城市",
								value: [12, 45, 20, 10]
							},
							{
								name: "松原市",
								value: [12, 45, 20, 10]
							},
							{
								name: "长春市",
								value: [12, 43, 20, 10]
							},
							{
								name: "四平市",
								value: [12, 43, 20, 10]
							},
							{
								name: "辽源市",
								value: [12, 42, 20, 10]
							},
							{
								name: "吉林市",
								value: [12, 43, 20, 10]
							},
							{
								name: "通化市",
								value: [12, 41, 20, 10]
							},
							{
								name: "白山市",
								value: [12, 41, 20, 10]
							},
							{
								name: "延边朝鲜族自治州",
								value: [12, 42, 20, 10]
							}
						]
					},
					{
						type: 'effectScatter',
						coordinateSystem: 'geo',
						showEffectOn: 'render',
						rippleEffect: {
							period: 3,
							scale: 2.5,
							brushType: 'fill'
						},
						itemStyle: {
							normal: {
								color: "#70D8C2",
								shadowBlur: 2,
								shadowColor: '#3E92CD'
							}
						},
						symbolSize: 7,
						hoverAnimation: true,
						zLevel: 1,
						data: [{
								name: "白城市",
								value: [122.84, 45.62]
							},
							{
								name: "松原市",
								value: [124.83, 45.14]
							},
							{
								name: "长春市",
								value: [125.32, 43.82]
							},
							{
								name: "四平市",
								value: [124.35, 43.17]
							},
							{
								name: "辽源市",
								value: [125.14, 42.89]
							},
							{
								name: "吉林市",
								value: [126.55, 43.84]
							},
							{
								name: "通化市",
								value: [125.94, 41.73]
							},
							{
								name: "白山市",
								value: [126.41, 41.94]
							},
							{
								name: "延边朝鲜族自治州",
								value: [129.51, 42.89]
							}
						],
					}
				],
			}
		}
	}
}